<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Openchat AI-Copilot</title>
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1,maximum-scale=1"
    />
  </head>
  <body>
    <button id="triggerSelector">toggle the chat widget</button>
    <script type="module" src="/src/main.tsx"></script>
    <script>
      window.onload = () => {
        initAiCoPilot({
          initialMessage: "Hi Sir",
          token: "1RuzS7w5ceGaN6CiK0J7",
          triggerSelector: "#triggerSelector",
          apiUrl: "https://cloud.openchat.so/api",
          defaultOpen: true,
          headers: [
            {
              Authorization: "Bearer your_auth_token_goes_here",
            },
          ],
          user: {
            name: "John Doe",
          },
          containerProps: {
            style: {
              position: "fixed",
              height: "100%",
              bottom: "0",
              right: "0",
              width: "400px",
            },
          },
        });
      };
    </script>
  </body>
</html>
